<template>
  <div class="test-index-one">
    <span>one</span>
    <rili></rili>
    <a-card title="Default size card" style="width: 300px">
      <template #extra><a href="#">more</a></template>
      <p>card content</p>
      <p>card content</p>
      <p>card content</p>
    </a-card>
    <avter></avter>
    <ctitle></ctitle>
  </div>
</template>

<script>
import rili from "./rili.vue";
import avter from "./avter.vue";
import ctitle from "./title.vue";
export default {
  components: {
    rili,
    avter,
    ctitle,
  },
};
</script>

<style lang="scss">
@import "@/layout/theme.scss";
.test-index-one {
  @include theme;
  display: flex;
  flex-wrap: wrap;
  .ant-card {
    @include theme;
  }
  .ant-fullcalendar-cell {
    .ant-fullcalendar-value {
      @include theme;
    }
  }
}
</style>
